<script setup lang="ts">
import { NSpin, spinProps } from 'naive-ui'

defineProps(spinProps)
</script>

<template>
  <NSpin v-bind="$props">
    <slot />
    <slot name="description"></slot>
    <slot name="icon"></slot>
  </NSpin>
</template>

<style scoped lang="scss">
.n-spin-container {
  width: 100%;
  height: 100%;

  & > :deep(.n-spin-content) {
    height: 100%;
  }
}
</style>
